<template>
	<view class="header" :style="[{height:CustomBar + 'px'},{'background-color':isDark?'#1c1c1c':'#f6f6f6','min-height':isDark?'100vh':'auto'}]" :class="[isDark?'dark':'', AppStyle]">
		<view class="cu-bar" :style="{'height': CustomBar + 'px','padding-top':StatusBar + 'px', 'background-color':isDark?'#1c1c1c':'#ffffff'}">
			<view class="action" @tap="back">
				<text class="cuIcon-back" :style="{'color':isDark?'#ffffff':'#000000'}"></text>
			</view>
			<view class="content text-bold" :style="[{top:StatusBar + 'px'}, {'color':isDark?'#ffffff':'#000000'}]">
				{{$t('user.privacy.privacypolicy')}}
			</view>
		</view>
		<scroll-view scroll-y class="agreement" :style="{'background-color':isDark?'#1c1c1c':'#ffffff', 'color':isDark?'#ffffff':'#000000'}">
			<br>
				<p>{{$t('user.privacy.privacy1') + appname + '!' + gongsi + $t('user.privacy.privacy2')}}</p>
				<p>{{$t('user.privacy.privacy3')}}</p>
				<p>{{$t('user.privacy.privacy4')}}</p>
				<p>{{$t('user.privacy.privacy5')}}</p>
				<p>{{$t('user.privacy.privacy6')}}</p>
				<p>{{$t('user.privacy.privacy7')}}</p>
				<p>{{$t('user.privacy.privacy8') + email + $t('user.privacy.privacy9')}}</p>
				<p>{{$t('user.privacy.privacy10')}}</p>
				<h2>{{$t('user.privacy.privacy11')}}</h2>
				<p>{{$t('user.privacy.privacy12') + appname + $t('user.privacy.privacy13')}}
				</p>
				<ul>
					<li>{{$t('user.privacy.privacy14')}}</li>
					<li>{{$t('user.privacy.privacy15') + appname + $t('user.privacy.privacy16')}}</li>
					<li>{{$t('user.privacy.privacy15') + appname + $t('user.privacy.privacy17')}}</li>
					<li>{{$t('user.privacy.privacy18')}}</li>
					<li>{{$t('user.privacy.privacy19')}}</li>
					<li>{{$t('user.privacy.privacy20')}}</li>
					<li>{{$t('user.privacy.privacy21')}}</li>
					<li>{{$t('user.privacy.privacy22')}}</li>
					<li>{{$t('user.privacy.privacy23')}}</li>
					<li>{{$t('user.privacy.privacy24')}}</li>
					<li>{{$t('user.privacy.privacy25')}}</li>
					<li>{{$t('user.privacy.privacy26')}}</li>
					<li>{{$t('user.privacy.privacy27')}}</li>
					<li>{{$t('user.privacy.privacy28')}}</li>
					<li>{{$t('user.privacy.privacy29')}}
						{{$t('user.privacy.privacy30')}}
						{{$t('user.privacy.privacy31')}}
					</li>
					<li>{{$t('user.privacy.privacy32')}}</li>
					<li>{{$t('user.privacy.privacy33')}}</li>
					<li>{{$t('user.privacy.privacy34')}}</li>
					<li>{{$t('user.privacy.privacy35')}}</li>
					<li>{{$t('user.privacy.privacy36')}}</li>
					<li>{{$t('user.privacy.privacy37')}}</li>
					<li>{{$t('user.privacy.privacy38')}}</li>
					<li>{{$t('user.privacy.privacy39')}}</li>
				</ul>
				<h2>{{$t('user.privacy.privacy40')}}</h2>
				<p>{{$t('user.privacy.privacy41')}}</p>
				<ul>
					<li>{{$t('user.privacy.privacy42')}}</li>
					<li>{{$t('user.privacy.privacy43')}}</li>
					<li>{{$t('user.privacy.privacy44')}}</li>
					<li>{{$t('user.privacy.privacy45')}}</li>
					<li>{{$t('user.privacy.privacy46')}}</li>
					<li>{{$t('user.privacy.privacy47')}}</li>
					<li>{{$t('user.privacy.privacy48')}}</li>
				</ul>
				<h2>{{$t('user.privacy.privacy49')}}</h2>
				<p>{{$t('user.privacy.privacy50')}}</p>
				<h2>{{$t('user.privacy.privacy51')}}</h2>
				<p>{{$t('user.privacy.privacy52') + appname + $t('user.privacy.privacy53') + appname + $t('user.privacy.privacy54')}}</p>
				<h2>{{$t('user.privacy.privacy55')}}</h2>
				<p>{{$t('user.privacy.privacy56')}}</p>
				<p>{{$t('user.privacy.privacy57') + gongsi}}</p>
				<p>{{$t('user.privacy.privacy58') + email}}</p>
			<view style="height:100px;"></view>
		</scroll-view> 
	</view>
</template>
<script>
	import darkModeMixin from '@/utils/darkModeMixin.js'
	import { localStorage } from '../../js_sdk/mp-storage/mp-storage/index.js'
	export default {
		mixins: [darkModeMixin],
		data() {
			return {
				StatusBar: this.StatusBar,
				CustomBar: this.CustomBar,
				NavBar:this.StatusBar +  this.CustomBar,
				AppStyle:this.$store.state.AppStyle,
				
				uid:0,
				name:'',
				screenName:'',
				password:'',
				repassword:'',
				mail:'',
				url:'',
				
				appname:'',
				email:'',
				gongsi:'',
				token:''
				
			}
		},
		onPullDownRefresh(){
			
		},
		onShow(){
			var that = this;
			// #ifdef APP-PLUS
			
			//plus.navigator.setStatusBarStyle("dark")
			// #endif
			that.appname = that.$API.GetAppName();
			that.email = that.$API.GetAppEmail();
			that.gongsi = that.$API.GetCompany();
		},
		onLoad() {
			var that = this;
			// #ifdef APP-PLUS || MP
			that.NavBar = that.CustomBar;
			// #endif
		},
		methods: {
			agree(){
				var that = this;
				localStorage.setItem('isAgree', 'true');
				that.back()
			},
			disagree(){
				var that = this;
				localStorage.setItem('isAgree', 'false');
				that.back()
				uni.showToast({
					title: that.$t('user.privacy.afteragree'),
					icon: 'none',
					duration: 3000,
					position: 'center',
				});
			},
			back(){
				uni.navigateBack({
					delta: 1
				});
			}
		}
	}
</script>
<style>
	.bottom-buttons {  
	  position: fixed;  
	  bottom: 0;  
	  width: 100%;  
	  display: flex;  
	  justify-content: space-between;  
	  padding: 10px;  
	  background-color: #fff;
	  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); 
	}  
	  
	.bottom-buttons .button1 {  
	  flex: 1;  
	  text-align: center;  
	  padding: 8px;  
	  margin: 0 20px;
	  border-radius: 30px;
      background-color: #00BCD4;
	  color: #fff;  
	  font-size: 16px;  
	}  
	.bottom-buttons .button2 {
	  flex: 1;  
	  text-align: center;  
	  padding: 8px;  
	  margin: 0 20px;
	  border-radius: 30px;
	  background-color: #ffffff;
	  border: 2px solid #00BCD4;
	  color: #00BCD4;  
	  font-size: 16px;  
	}  
	  
	.bottom-buttons .button:not(:last-child) {  
	  margin-right: 20px;
	}
</style>
